﻿<%@ Control Language="vb" AutoEventWireup="false" Explicit="true" CodeFile="DetailCat.ascx.vb" Inherits="NVPortal.Modules.NVNews.DetailCat" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body class="demos ">
  
  <section id="content">
    <div id="copy">
</div>
<style type="text/css">
.IMGTinXXX {border: 1px solid #CCCCCC;border-radius: 5px 5px 5px 5px;}
</style>
<div id="container" class="transitions-enabled infinite-scroll clearfix">
<div class="box col3">
        <div class="sfdsfdsfdfdf" style="display: none">
            <asp:HyperLink id='Catid' runat="server" /></div>
        <p style="display: block; padding-top: 5px;" class="img">
            <asp:HyperLink id='hplIMG' runat="server">
                <asp:Image ID="imgNewsH" BorderWidth="1px" CssClass="IMGTinXXX" Width="430px" runat="server" AlternateText="" /></asp:HyperLink>
        </p>
        <h1>
            <asp:HyperLink id='hplNews' CssClass="NVNewsLasted_Title" runat="server" />
        </h1>
        <p class="stats" style="padding: 5px 0px;">
            <span class="time">Thời gian: <asp:Label ForeColor="#003366" id='thoigiantruocday' runat="server" /></span>
        </p>
        <div class="sotrang"><p style="padding-top: 8px; padding-left: 5px;font-family: Tahoma; font-size: 11px; color: #252525;"><asp:Label runat="server" ID="stttin"  Font-Size="11px"></asp:Label></p>
</div>
</div> <!-- #container -->
<asp:Repeater ID="drgOtherNews" runat="server">
            <ItemTemplate>
                <div class="box col2" style='<%# iif(DataBinder.Eval(Container.DataItem,"Notes"),"background: url(/Portals/_default/Skins/HDTech/img/mostliked.png) #fff bottom right no-repeat;","NO")%>' runat="server">
                    <div class="sfdsfdsfdfdf" style="display: none;">
                    <asp:Label ForeColor="#003366" id='Labdel2' runat="server" text='<%# (DataBinder.Eval(Container.DataItem,"CategoryId")) %>' /></div>
                        <p style="display: block; padding-top: 5px;" class="img">
                            <asp:HyperLink id='HyperLink2' CssClass="NVNewsLasted_Title" runat="server" ToolTip='<%# DataBinder.Eval(Container.DataItem,"Title") %>' NavigateUrl='<%# FormatURL("c",DataBinder.Eval(Container.DataItem,"newid"),DataBinder.Eval(Container.DataItem,"Title")) %>'>
                            <asp:Image ID="imgNews" CssClass="IMGTinXXX" BorderWidth="1px" runat="server" ImageUrl ='<%# iif(DataBinder.Eval(Container, "DataItem.imagepath").tostring().Contains("http://"), DataBinder.Eval(Container, "DataItem.imagepath"), "/Portals/0/news/" & DataBinder.Eval(Container, "DataItem.imagepath")) %>' AlternateText="" /></asp:HyperLink>
                        </p>
                        <h1>
                            <asp:HyperLink id='hplOtherNews' CssClass="NVNewsLasted_Title" runat="server" ToolTip='<%# DataBinder.Eval(Container.DataItem,"Title") %>' NavigateUrl='<%# FormatURL("c",DataBinder.Eval(Container.DataItem,"newid"),DataBinder.Eval(Container.DataItem,"Title")) %>' text='<%# DataBinder.Eval(Container.DataItem,"title")%>' />
                        </h1>
                        <p class="stats" style="padding: 5px 0px;">
                            <span class="time">Thời gian: <asp:Label ForeColor="#003366" id='Label1' runat="server" text='<%# Timeago(DataBinder.Eval(Container.DataItem,"newid")) %>' /></span>
                        </p>
                        <%--<p style="text-align: right">
                            <asp:HyperLink CssClass="continue-link" id='HyperLdink2' runat="server" NavigateUrl='<%# FormatURL("noidung",DataBinder.Eval(Container.DataItem,"newid"),DataBinder.Eval(Container.DataItem,"Title")) %>' text='Đọc tiếp →' />
                        </p>--%>
                        <div class="sotrang"><p style="padding-top: 8px; padding-left: 5px;font-family: Tahoma; font-size: 11px; color: #252525;"><asp:Label runat="server" ID="dfdsfdf"  Font-Size="11px" Text='<%# DataBinder.Eval(Container.DataItem,"solandoc") %>'></asp:Label></p></div>
                </div>
            </ItemTemplate>
        </asp:Repeater>
<nav id="page-nav">
  <a href="/controls/Mobile/Detail_cat2.aspx?d=<% =request("d") %>"></a>
  <a href="/controls/Mobile/Detail_cat3.aspx?d=<% =request("d") %>"></a>
  <a href="/controls/Mobile/Detail_cat4.aspx?d=<% =request("d") %>"></a>
  <a href="/controls/Mobile/Detail_cat5.aspx?d=<% =request("d") %>"></a>
</nav>

<script src="/masonry-site/js/jquery-1.7.1.min.js"></script>
<script src="/masonry-site/jquery.masonry.min.js"></script>
<script src="/masonry-site/js/jquery.infinitescroll.min.js"></script>
<script>
    $(function () {

        var $container = $('#container');

        $container.imagesLoaded(function () {
            $container.masonry({
                itemSelector: '.box',
                columnWidth: 119
            });
        });

        $container.infinitescroll({
            navSelector: '#page-nav',    // selector for the paged navigation 
            nextSelector: '#page-nav a',  // selector for the NEXT link (to page 2)
            itemSelector: '.box',     // selector for all items you'll retrieve
            loading: {
                finishedMsg: '------------------------',
                img: 'http://i.imgur.com/6RMhx.gif'
            }
        },
        // trigger Masonry as a callback
      function (newElements) {
          // hide new items while they are loading
          var $newElems = $(newElements).css({ opacity: 0 });
          // ensure that images load before adding to masonry layout
          $newElems.imagesLoaded(function () {
              // show elems now they're ready
              $newElems.animate({ opacity: 1 });
              $container.masonry('appended', $newElems, true);
          });
      }
    );

    });
</script>
  </section> <!-- #content -->

</body>
</html>
    